@charset "utf-8";
@import"reset";
@function r($px) {
    @return $px/20*1rem;
}
html,body{
     width: 100%;
    height: 100%;
}
.indeWeb {
    width: 100%;
    height: 100%;
    position: relative;
    .logo {
        width: 100%;
        height: r(89);
        background: url(../img/shouye/images/honglogo_02.png)no-repeat center center/cover;
        position: fixed;
        top: 0;
        z-index: 9999;
        .yingyong {
            width: r(30);
            height: r(23);
            position: absolute;
            cursor: pointer;
            top: r(25);
            left: r(23);
            .icon-sanheng{
//              width: 100%;
//              height: 100%;
                font-size: r(30);
                color: white;
            }
            
        }
        .fangdajing {
            position: absolute;
            width: r(30);
            height: r(30);
            border-radius: 50%;
            border: 2px solid white;
            line-height: r(30);
            top: r(23);
            right: r(23);
            text-align: center;
            .icon-fangdajing {
//              width: 100%;
                font-size: r(23);
                color: white;
                
            }
        }
    }
    section {
        width: 100%;
        position: absolute;
        top: r(89);
        overflow-y: scroll;
        padding-bottom: r(90);
        .first{
            width: 100%;
            height: r(222);
            .pinr{
                width: 100%;
                height: r(222);
                position: relative;
                img{
                    width: 100%;
                    height: 100%;
                }
                .biaoqian{
                    width: r(305);
                    height: r(58);
                    background: #ffffff;
                    border: 1px solid burlywood;
                    position: absolute;
                    left: r(23);
                    bottom: r(13);
                    .biao_one{
                        display: inline-block;
                        width: r(243);
                        height: r(50);
                        line-height: r(58);
                        text-align: center;
                        border-right: 1px solid red;
                        margin-top: 2px;
                        span{
                            font-size: r(26);
                            color: #b20000;
                            line-height: r(50);
                        }
                    }
                    .biao_two{
                        display: inline-block;
                        width: r(22);
                        height: r(42);
                        margin-left: 8px;
                        margin-bottom: 5px;
                        vertical-align: middle;
                        img{
                            width: 100%;
                            height: 100%;
                        }
                    }
                }
            }
            
        }
        nav {
            width: 100%;
            height: r(50);
            padding-top: r(13);
//          padding-bottom: r(13);
            background: #FFFFFF;
            .bai {
                padding: r(10) 0;
                .hong {
                    display: inline-block;
                    width: r(125);
                    height: r(23);
                    vertical-align: middle;
                    margin-left: r(25);
                    margin-right: r(4);
                    img {
                        width: 100%;
                    }
                }
                .mother {
                    display: inline-block;
                    width: r(73);
                    height: r(23);
                    vertical-align: middle;
                    border-left: 1px solid #e7e7e7;
                    img {
                        width: 100%;
                        padding-left: r(7);
                    }
                }
            }
        }
        .lunbo {
            width: 100%;
            .poth {
                width: 100%;
                position: relative;
                img {
                    width: 100%;
                }
                .yinying {
                    width: 100%;
                    background: rgba(0, 0, 0, 0.8);
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    h1 {
                        font-size: r(27);
                        color: white;
                        font-family: -webkit-pictograph;
                        padding-top: r(20);
                        padding-bottom: r(20);
                        text-align: center;
                        text-overflow: ellipsis;
                    }
                    span {
                        color: white;
                        padding-bottom: r(13);
                    }
                    .xin {
                        font-size: r(15);
                        color: white;
                        padding-left: r(15);
                    }
                    .icon-aixin {
                        font-size: r(19);
                        color: white;
                    }
                    .yan {
                        font-size: r(15);
                        padding-left: r(45);
                    }
                    .icon-yanjing {
                        font-size: r(21);
                        vertical-align: middle;
                        margin-right: r(8);
                    }
                    .time {
                        font-size: r(17);
                        float: right;
                        padding-right: r(19);
                    }
                }
            }
        }
        .clear {
            clear: both;
        }
        .redian {
            width: 100%;
            padding-top: r(12);
            //      padding-bottom: r(12);
            .yige {
                width: 100%;
                display: flex;
                justify-content: space-around;
                padding-top: r(18);
                padding-bottom: r(18);
                .potsho {
                    display: inline-block;
                    width: r(210);
                    height: r(142);
                    img {
                        width: 100%;
                        height: 100%;
                    }
                }
                .wrot {
                    width: r(360);
                    height: r(142);
                    display: inline-block;
                    margin-top: r(6);
                    p{
                        font-size: r(22);
                        color: #323232;
                        text-align: justify;
                    }
                    .dierduan{
                        font-size: r(20);
                        color: #c5c5c5;
                    }
                    .xinzhongtime {
                        float: right;
                        height: r(15);
                        span {
                            vertical-align: bottom;
                        }
                        .xin_two {
                            font-size: r(15);
                            color: #939393;
                            .icon-aixin {
                                font-size: r(15);
                                color: #939393;
                                margin-left: r(15);
                                margin-right: r(8);
                            }
                        }
                    }
                }
                
            }
            hr {
                border: none;
                width: r(583);
                border-bottom: 1px solid #c5c5c5;
                text-align: center;
            }
            .sbso {
                border: none;
                width: r(583);
                border-bottom: 1px solid white;
                text-align: center;
            }
        }
        .clear{
            clear: both;
        }
       
            .shenlue{
                width: 100%;
                text-align: center;
                padding: r(20) 0 r(20);
                margin-bottom: r(5);
                span{
                    font-size: r(22);
                    color: #cecece;
                    
                }
            }
        
        
    }
    .suanze {
        width: 100%;
        background: #f5f5f5;
        position: fixed;
        bottom: 0;
        z-index: 9999;
        padding-top: r(12);
        .wer {
            width: 100%;
            ul {
                width: 100%;
                li {
                    display: inline-block;
                    width: r(121.5);
                    img {
                        display: block;
                        margin: 0 auto;
                    }
                }
                .one_kuang {
                    border-right: 1px solid #e9e9e9;
                    .onepot {
                        width: r(48);
                    }
                }
                .two_kuang {
                    border-right: 1px solid #e9e9e9;
                    .twopot {
                        width: r(48);
                    }
                }
                .three_kuang {
                    border-right: 1px solid #e9e9e9;
                    .threepot {
                        width: r(41);
                    }
                }
                .four_kuang {
                    border-right: 1px solid #e9e9e9;
                    .fourpot {
                        width: r(42);
                    }
                }
                .five_kuang {
                    .fivepot {
                        width: r(70);
                    }
                }
            }
        }
    }
}
.web_hidden{
        width: 100%;
//      height: 96%;
        input{
//          display: none;
        }
            & input[type="checkbox"]:checked ~ .yingcanbox{
                        left: 0;
                        font-size: r(23);
                        color: white;
            }
        .yingcanbox{
            width: 100%;
            height: 100%;
//          background: rgba(34,34,34,.8);
            background: #222222;
            position: fixed;
            z-index: 999999;
            bottom: 0;
            left: -100%;
            transition: all 1s;
            overflow: auto;
            overflow-y: scroll;
                header{
                    width: 100%;
                    padding-top: r(20);
                        .user_yingcan{
                            width: r(611);
                            margin: 0 auto;
                            vertical-align: top;
                            .hongsefanhui{
                                display: inline-block;
                                width: r(51);
                                height: r(51);
                                border-radius: 50%;
                                background: red;
                                line-height: r(51);
                                text-align: center;
                                border: 1px solid #323232;
                                span{
                                    font-size: r(30);
                                    color: white;
//                                  text-align: center;
                                }
                            }
                            .reach{
                                display: inline-block;
                                width: r(530);
                                height: r(48);
                                border: 2px solid white;
                                border-radius: 50px;
                                float: right;
                                    .icon-fangdajing{
                                        font-size: r(27);
                                        font-weight: bold;
                                        color: white;
                                        line-height: r(48);
                                        margin-left: r(12);
                                    }
                                    input{
                                        width: r(455);
                                        height: r(27);
                                        line-height: r(48);
                                        overflow: hidden;
                                        outline-style: none;
                                        text-indent: r(10);
                                        border: none;
                                        background: transparent;
                                    }
                            }
                            .clear{
                                clear: both;
                            }
                        }
                }
                nav{
                    width: 100%;
                    padding-top: r(48);
//                  padding-bottom: r(20);
                    .user_pot{
                        width: r(134);
                        height: r(134);
                        border-radius: 50%;
                        box-shadow: #666666;
                        margin: 0 auto;
                            img{
                                width: 100%;
                                
                            }
                    }
                    .user_continiu{
                        width: 100%;
//                      margin: 0 auto;
                        text-align: center;
                        .user_name{
                            font-size: r(25);
                            color: white;
                        }
                        .user_zhongxing{
                            width: r(94);
                            height: r(23);
                            border: 1px solid white;
                            a{
                                font-size: r(13);
                                color: white;
                            }
                        }
                        .dengji{
                            padding: r(8);
                            .icon-xing{
                                font-size: r(20);
                                color: yellow;
                                letter-spacing: r(13);
                            }
                        }
                        .fensi{
                            font-size: r(23);
                            color: white;
                            letter-spacing: 1px;
                            span{
                                font-size: r(19);
                                color: red;
                                margin: 0 r(8);
                            }
                        }
                    }
                    .user_neirong{
                            width: 100%;
                            padding: r(20) 0;
                      .shoufen{ 
                          width: 100%;
                          text-align: center;
                          letter-spacing: r(20);
                          .hongcang{
                            width: r(220);
                            height: r(53);
                            background: #b60005;
                            border-radius: 50px;
                            text-align: center;
                            display: inline-block;
                            span{
                                font-size: r(24);
                                color: white;
                                line-height: r(53);
                                letter-spacing: normal;
                                
                                }
                            }
                           .huifabu{
                            width: r(220);
                            height: r(53);
                            background: #cdcdcd;
                            border-radius: 50px;
                            text-align: center;
                            display: inline-block;
                            span{
                                font-size: r(24);
                                color: white;
                                line-height: r(53);
                                letter-spacing: normal;
                                }
                            }
                        }
                       
                    }
                }
                section{
                    width: 100%;
                    padding-top: r(5);
                    padding-bottom: r(38);
                    .threetnse{
                        width: r(640);
                        height: r(20);
                        background: #303030;
                    }
                    .xinwenjiemian{
                        width: 100%;
                        
                        .seethe_test{
                            width: r(584);
                            margin: 0 auto;
                            ul{
                                li{
                                    width: r(584);
                                    height: r(88);
                                    border-bottom: 1px solid #2d2d2d;
                                   span{
                                       font-size: r(18);
                                       color: #7f7f7f;
                                       line-height: r(88);
                                   }
                                   .xia{
                                        width: r(12);
                                        height: r(11);
                                         float: right;
                                         line-height: r(88);
                                       img{
                                           width:100%;
                                           
                                         }
                                   }
                                }
                                .sel{
                                    width: 100%;
                                    display: none;
                                    transition: all 1s;
                                    .xia_la{
                                        width: 100%;
                                        height: r(86);
                                        a{
                                            display: block;
                                            width: r(432);
                                            font-size: r(22);
                                            color: white;
                                            text-align: center;
                                            line-height: r(86);
                                            margin: 0 auto;
                                        }
                                        .a{
                                            border-bottom: 1px solid #2d2d2d;
                                        }
                                    } 
//                                  hr{
//                                      width: r(432);
//                                      height:r(0.5);
//                                      color: #2f2f2f;
////                                      border: none;
//                                  }
                                }
                                                  
                                .finlly{
                                    border-bottom: none;
                                }
                            }
                        }
                        .outjian{
                            width: r(180);
                            height: r(53);
                            border-radius: 50px;
                            background: #b60005;
                            border: 1px solid #2D2D2D;
                            margin: 0 auto;
                            margin-top: r(25);
                            text-align: center;
                            span{
                                font-size: r(22);
                                letter-spacing: r(11);
                                line-height: r(53);
//                              padding: r(25) 0 r(38);
                               
                            }
                        }
                    }
                }
            }
    }